<script>
export default {
  components: {},
  data() {
    return {
      globalLoading: false
    };
  },
  computed: {
  },
  watch: {
  },
  created() {
  },
  mounted() {
  },
  beforeUnmount() {
  },
  methods: {},
};
</script>

<template>
  <!-- 正在加载 -->
  <div class="cesium-container-loading" v-loading="globalLoading" element-loading-background="rgba(122, 122, 122, 0.1)">
    <!-- 路由 -->
    <div class="router-view" :class="[mapType === '3D' ? 'status-3d' : '']">
      <RouterView />
    </div>
  </div>
</template>

<style lang="less">
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.router-view {
  height: 100vh;
}
</style>
